form .invalid {
  border: 1px solid #da3a3a;
}

div > small {
  color: #da3a3a;
  font-style: italic;
}

.btn-purple {
  color: #fff;
  background-color: purple;
  border-color: purple;
}
.btn-purple:hover {
  color: #fff;
  background-color: #6b006b;
  border-color: #6b006b;
}
.btn-purple.focus,
.btn-purple:focus {
  box-shadow: 0 0 0 0.2rem rgba(109, 0, 94, 0.5);
}
.btn-purple.disabled,
.btn-purple:disabled {
  color: #fff;
  background-color: #550655;
  border-color: #550655;
}
.btn-purple:not(:disabled):not(.disabled).active,
.btn-purple:not(:disabled):not(.disabled):active,
.show > .btn-purple.dropdown-toggle {
  color: #fff;
  background-color: #6b006b;
  border-color: #6b006b;
}
.btn-purple:not(:disabled):not(.disabled).active:focus,
.btn-purple:not(:disabled):not(.disabled):active:focus,
.show > .btn-purple.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(109, 0, 94, 0.5);
}